@import './normalize.less';
@import './base.less';
@import './variable.less';

.mmb_nav {
  background-color: #fff;
  padding-top: 30rem/@base;
  margin-bottom: 10rem/@base;
  ul {
    li {
      float: left;
      width: 25%;
      &.hide {
        display: none;
      }
     
      a {
        padding: 20rem/@base;
        img {
          width: 102rem/@base;
          height: 102rem/@base;
          margin: 0 auto;
        }
        p {
          margin-top: 5rem/@base;
          font-size: 24rem/@base;
          color: #1a1108;
          text-align: center;
        }
      }
    }
  }
}

.mmb_cheap {
  .title {
    padding: 0 20rem/@base;
    height: 70rem/@base;
    line-height: 70rem/@base;
    background-color: #ff9a17;
    h3 {
      color: #fff;
      font-weight: 400;
      font-size: 32rem/@base;
    }
    a {
      margin-top: 15rem/@base;
      width: 40rem/@base;
      height: 40rem/@base;
      background: url(../images/more.png);
      background-size: 40rem/@base 40rem/@base;
    }
  }
  .content {
    .item {
      background-color: #fff;
      padding: 20rem/@base;
      height: 257rem/@base;
      border-bottom: 2rem/@base solid #e7e7e7;
      .left {
        width: 200rem/@base;
        margin-top: 5rem/@base;
        height: 100%;
        float: left;
        font-size: 26rem/@base;
      }
      .right {
        width: 495rem/@base;
        height: 100%;
        float: right;
        position: relative;
        p:nth-child(1) {
          font-size: 28rem/@base;
          color: #211c2b;
          span {
            color: #ff7317;
          }
        }
        p:nth-child(2) {
          position: absolute;
          width: 100%;
          bottom: 40rem/@base;
          color: #949297;
          font-size: 22rem/@base;
          span {
            &:last-child {
              float: right;
            }
          }
        }
      }
    }

  }

  .moreCheap {
    height: 108rem/@base;
    padding: 20rem/@base;
    background-color: #ffffff;
    a {
      height: 100%;
      background-color: #fafafa;
      border: 2rem/@base solid #dedede;
      border-radius: 10rem/@base;
      line-height: 64rem/@base;
      color: #16160c;
      text-align: center;
      font-size: 26rem/@base;
    }
  }
}

.mmb_ranking {
  padding: 0 20rem/@base;
  height: 70rem/@base;
  line-height: 70rem/@base;
  background-color: #ff9a17;
  h3 {
    color: #fff;
    font-weight: 400;
    font-size: 32rem/@base;
  }
  a {
    margin-top: 15rem/@base;
    width: 40rem/@base;
    height: 40rem/@base;
    background: url(../images/more.png);
    background-size: 40rem/@base 40rem/@base;
  }
}

